.login-container {
  min-height: 100%;
  width: 100%;
  background: url('../images/login.png') no-repeat top center;
  background-size: 100% 100%;
  overflow: hidden;
}
.el-form{
  position: fixed;
  top:50%;
  right:50%;
  width:400px;
  height:400px;
  margin-top:-200px;
  margin-right:-200px;
  background: rgba(225,225,225,0.2);
  border-radius: 10px;
}
.title{
  width:100%;
  text-align: center;
  font:400 28px Microsoft YaHei;
  color:rgba(255,255,255,.9);
  margin:30px 0;
}
.el-form-item{
  position: relative;
  height:46px;
  line-height: 46px;
  margin-bottom:26px;
}
.el-form-item .el-input{
  position: absolute;
  left:10%;
  width:80%;
}
.el-form-item img{
  position: absolute;
  left:12%;
  z-index: 2;
  width:16px;
  height:20px;
  top:10px;
}
.show-pwd{
  position: absolute;
  right:14%;
}
.el-form-item >>> .el-input__inner{
  padding:0 30px;
}
.el-form-item  >>> .el-form-item__error{
  color: #F56C6C;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 46px;
  left: 12%;
  z-index: 2;
}
#verificationCode >>> .el-form-item__content{
  position: relative;
  width:100%;
  height:46px;
  vertical-align: middle;
}
#verificationCode .el-input{
  width:50%;
}
#verificationCode  >>> .el-input__inner{
  padding:0 10px;
}
#verificationCode >>> .el-form-item__content #checkMa{
  position: absolute;
  left: 62%;
  top: 0;
  width:110px;
  height:40px;
  border-radius: 4px;
  display:inline-block;

}
.el-form  #login{
  width:80%;
  margin-left:10%;
}
